<template>

</template>

<script>
import { reactive,computed } from 'vue'
export default {
    setup() {
        const obj = reactive({
            name: 'zhangsan'
        })

        const computedName = computed(
            ()=>obj.name.substring(0,1).toUpperCase() + obj.name.substring(1)
        )

        return {
            obj,
            computedName
        }
    }
}
</script>

<style>

</style>